<template>
  <div class="headerWrap">
    <div class="search">
      <i class="icon"></i>
      搜索商品, 共22893款好物
    </div>
  </div>
</template>

<script>
  export default {
    name: 'index'
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .headerWrap
    display fixed
    top 0
    left 0
    height 88px
    padding 16px 30px
    box-sizing border-box
    background #fff
    z-index 100
    &::after
      position absolute
      top 88px
      left 0
      content ''
      background-color #d9d9d9
      width 100%
      height 1px
    .search
      width 690px
      height 56px
      line-height 56px
      border-radius 10px
      background #eee
      color #666
      font-size 28px
      text-align: center
      .icon
        display inline-block
        width 28px
        height 28px
        background url("//yanxuan-static.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/search2-553dba3aff.png")
        background-size 100%
        vertical-align middle
</style>
